<!--
 * @Author: your name
 * @Date: 2020-12-06 22:51:05
 * @LastEditTime: 2020-12-17 11:27:27
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \H5 2010 studyd:\phpStudy\WWW\steam\html\nav.html
-->
<div class="content">

    <!-- 愿望单、购物车按钮 -->
    <div class="store-control">
        <div class="controlBtn wishlist">
            愿望单 (<span>49</span>)
        </div>
        <div class="controlBtn cartBtn">
            购物车 (<span></span>)
        </div>
    </div>

    <!-- 导航 -->
    <div class="store-nav">

        <!-- TODO: 用户登录以后多的分支选项要加上 -->
        <ul>
            <li>
                <span>您的商店</span>
                <em></em>
                <div class="store-navlistBox">
                    <div class="store-navlist">
                        <a href="#">主页</a>
                        <hr>
                        <a href="#">社区推荐</a>
                        <a href="#">最近已查看</a>
                        <a href="#">Steam 鉴赏家</a>
                    </div>
                </div>
            </li>
            <li>
                <span>浏览</span>
                <em></em>
                <div class="store-navlistBox">
                    <div class="store-navlist">
                        <div class="menu">
                            <a href="#">免费游玩</a>
                            <a href="#">抢先体验</a>
                            <a href="#">试玩</a>
                            <a href="#">支持控制器</a>
                            <a href="#">网吧游戏</a>
                            <a href="#">远程畅玩</a>
                            <hr>
                            <div class="menutitle">
                                虚拟现实
                            </div>
                            <a href="#">VR 游戏与体验</a>
                            <a href="#">VR 硬件</a>
                            <hr>
                            <div class="menutitle">
                                平台
                            </div>
                            <a href="#">Mac OS X</a>
                            <a href="#">SteamOS + Linux</a>
                            <hr>
                            <div class="menutitle">
                                额外内容
                            </div>
                            <a href="#">原生音轨</a>
                        </div>
                        <div class="menu">
                            <div class="menutitle">
                                游戏类型
                            </div>
                            <a href="#">休闲</a>
                            <a href="#">体育</a>
                            <a href="#">冒险</a>
                            <a href="#">动作</a>
                            <a href="#">大型多人在线</a>
                            <a href="#">模拟</a>
                            <a href="#">独立</a>
                            <a href="#">竞速</a>
                            <a href="#">策略</a>
                            <a href="#">角色扮演</a>
                            <hr>
                            <a href="#">角色热门标签…</a>
                        </div>
                        <div class="menu">
                            <div class="menutitle">
                                软件
                            </div>
                            <a href="#">动画制作和建模</a>
                            <a href="#">实用工具</a>
                            <a href="#">教育</a>
                            <a href="#">游戏开发</a>
                            <a href="#">照片编辑</a>
                            <a href="#">网络出版</a>
                            <a href="#">视频制作</a>
                            <a href="#">设计与插画</a>
                            <a href="#">音频制作</a>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <span>点数商店</span>
            </li>
            <li>
                <span>新闻</span>
            </li>
            <li>
                <span>Steam 实验室</span>
            </li>
        </ul>
        <!-- 搜索框 -->
        <div class="store-search">
            <form>
                <div class="searchBox">
                    <input type="text" class="default" placeholder="搜索商品">
                    <a href="/html/list/list.html">
                    </a>
                </div>
            </form>
        </div>
    </div>
</div>